<template>
  <div class="task-monitoring">
    <BeTabs :tabList="tabList" v-model:activeKey="activeKey" />
  </div>
</template>

<script lang="ts" setup>
import { useTabs } from '@/components/basics/BeTabs'
import TaskMonitoringDetail from './TaskMonitoringDetail.vue'
import TaskMonitoringLog from './TaskMonitoringLog.vue'

defineOptions({ name: 'TaskMonitoring' })

// state
const { tabList, activeKey } = useTabs([
  { key: 'taskdetail', title: '任务详情', closable: false, component: markRaw(TaskMonitoringDetail) },
  { key: 'taskLog', title: '任务日志', closable: false, component: markRaw(TaskMonitoringLog) }
])
</script>
<style lang="scss">
.task-monitoring {
  height: 100%;
}
</style>
